<em># IE 支持</em>
.style{
	<em># 所有 IE 都支持</em>
	color:red <b>\9</b>;
	<em># 仅 IE6  支持 </em>
	.style{ <b>_</b>color:red; }
	<b>*</b>html .style{ color:red; }
	.style{ color:red<b>!important</b>; color:red; }
	<em># 仅 IE6 不支持 （注释内的内容可以不要，或者改变）</em>
	.style{ color<b>/*屏蔽i6*/</b>:red; }
	html<b>/*屏蔽i6*/&gt;</b>body .style{ color:red; }
	<em># 仅 IE7  支持 </em>
	<b>*+html</b> .style{ color:red; }
	.style{ <b>+</b>color:red; }
	<em># IE6、IE7  支持 </em>
	.style{ <b>*</b>color:red; }
	.style{ <b>+</b>color:red; }
	<em># 仅 IE8  支持 </em>
	<b>@media \0 screen</b> { }
	<em># IE8 及 IE8以上  支持 </em>
	.style{ color:red <b>\0</b>; }
	<em># 仅 IE9  支持 </em>
	<b>:root</b> .class{}
	.style{ color:red <b>\9\0</b>;}
	.style{ color:red <b>\0/IE9</b>;}
	<em># IE8、 IE9  支持 </em>
	.style{ color:red <b>\0/IE8+9</b>;}
	<em># IE hacker</em>
	color:red <b>\9</b>; 			<em>// ie</em>
	color:red <b>\9\0</b>; 		<em>//ie9</em>
	color:red <b>\0</b>; 			<em>//ie8+ie9</em>
	<b>*</b>color:red; 			<em>//ie6+ie7</em>
	<b>+</b>color:red; 			<em>//ie7</em>
	<b>_</b>color:red; 			<em>//ie6</em>
}
.style<b>:empty</b>{ color:red; } 		<em>// 仅 IE 不识别</em>
<em># Firefox 支持</em>
<b>@-moz-document url-prefix()</b>{
	.style{ color:red }
}
<em># Safari、Chrome 支持</em>
<b>@media screen and (-webkit-min-device-pixel-ratio:0)</b>{
	.style{ color:red }
}
<em># Safari、Chrome、Opera  支持</em>
<b>@media all and (min-width:0px)</b>{
	.style{ color:red }
}
<em># hacker 内联顺序</em>
.style{ color:red; <b>*</b>color:blue; <b>_</b>color:yellow; color:green <b>\9</b>; }
<em># hacker 外联顺序</em>
.style{ color:red; color:blue; <b>\9</b>; } 			<em>//ie</em>
<b>*html</b> .style{ color:green; } 				<em>//ie6</em>
<b>*+html</b> .style{ color:yellow; } 				<em>//ie7</em>
<b>@media screen and (-webkit-min-device-pixel-ratio:0)</b>{ 		<em>//Safari、Chrome</em>
	.style{ color:black; } 
}
<b>@media all and (min-width:0px)</b>{ 			<em>//Safari、Chrome、Opera</em>
	.style{ color:brown; }
}